.finance-container {
	width: 100%;
	height: 100%;
	.dataScreen {
		background: #0d0e16;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		// transition: transform 0.3s;
		transform-origin: left top;
		.property-main {
			position: absolute;
			top: 110px;
			height: 90%;
			display: flex;
			width: 100%;
			padding: 17px 27px 17px;
			background: url("@/assets/screenImg/commonImg/commonMainBg.png") no-repeat;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
			.dataScreen-lf {
				width: 30%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/leftBg.png") no-repeat;
				background-size: 100% 100%;
				.lf-top {
					height: 55%;
					display: flex;
					flex-direction: column;
					.lf-top-cn {
						flex: 1;
						padding: 20px 30px;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						.line {
							&.one,
							&.three {
								display: flex;
								justify-content: space-around;
								align-items: center;
								> div {
									display: flex;
									.left-icon {
										margin-right: 10px;
										img {
											background: url("@/assets/screenImg/leaderImg/starsBg.gif")
												no-repeat;
											background-size: 80% 70%;
											background-position-x: center;
											background-position-y: top;
										}
									}
								}
							}
							&.one {
								> div {
									width: 50%;
									.left-icon {
										width: 25%;
									}
									.right-desc {
										width: 75%;
									}
								}
							}
							&.two {
								padding: 20px 0;
								> div {
									padding: 10px 40px;
									display: flex;
									align-items: center;
									&:nth-child(1) {
										margin-top: 20px;
										background: url("@/assets/screenImg/financeImg/left/exportBg.png")
											no-repeat;
										background-size: 100% 100%;
									}
									&:nth-child(2) {
										margin-top: 30px;
										background: url("@/assets/screenImg/financeImg/left/importBg.png")
											no-repeat;
										background-size: 100% 100%;
									}
								}
							}
							&.three {
								border-bottom: 1px solid #008bff;
							}
							.textColor {
								font-size: 14px;
								font-family: SourceHanSansCN-Medium, SourceHanSansCN;
								font-weight: 500;
								color: #cfd4db;
								line-height: 21px;
							}
							.text {
								white-space: nowrap;
								.numColor {
									font-size: 30px;
									font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
									font-weight: bold;
									color: #ffffff;
									line-height: 42px;
									text-shadow: 0px 1px 7px #56caff;
								}
							}
							.numColor2 {
								font-size: 18px;
								font-family: SourceHanSansCN-Medium, SourceHanSansCN;
								font-weight: 500;
								color: #56caff;
								line-height: 27px;
								margin: 0 10px;
							}
						}
					}
				}
				.lf-bottom {
					flex: 1;
					padding: 0px 30px;
					display: flex;
					flex-direction: column;
					.select-box {
						display: flex;
						justify-content: flex-end;
						> div {
							&:nth-child(1) {
								margin-right: 20px;
							}
						}
					}
					.echart-box {
						flex: 1;
						padding: 15px 0;
					}
				}
			}
			.dataScreen-ct {
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
				.ct-top {
					height: 13%;
					padding-top: 10px;
					box-sizing: border-box;
					display: flex;
					flex-direction: column;
					justify-content: center;
					.top-select-box {
						text-align: right;
						padding-right: 10%;
						padding-bottom: 10px;
					}
					.center-top-data {
						width: 100%;
						display: flex;
						justify-content: space-around;
						align-items: center;
						.line-item {
							width: 45%;
							background: url("@/assets/screenImg/projectImg/center/border1.png")
								no-repeat;
							background-size: 100% 100%;
							display: flex;
							// justify-content: space-between;
							align-items: flex-start;
							padding: 15px 15px 8px 25px;
							.lf-icon {
								flex: 2;
								margin-right: 3%;
								img {
									background: url("@/assets/screenImg/projectImg/bottomBg.gif")
										no-repeat;
									background-size: 100%;
									background-position-x: center;
									background-position-y: bottom;
								}
							}
							.ct-desc {
								flex: 5;
								> .img {
									display: flex;
									align-items: center;
									span {
										font-size: 12px;
									}
									div {
										display: flex;
										margin-left: 5px;
									}
								}
								> .text {
									margin-top: 5px;
									white-space: nowrap;
								}
								.numColor {
									font-size: 30px;
									font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
									font-weight: bold;
									color: #ffffff;
									line-height: 37px;
									text-shadow: 0px 1px 7px #ffda3a;
								}
							}
							.rg-option {
								flex: 1;
								:deep(.el-button) {
									margin-top: -10%;
									color: #36e3e3;
									span {
										border-bottom: 1px solid #36e3e3;
										padding-bottom: 3px;
									}
								}
							}
						}
					}
				}
				.ct-center {
					flex: 1;
					display: flex;
					.ct-left {
						width: 60%;
						display: flex;
						flex-direction: column;
						.ct-lf-cn {
							flex: 1;
							:deep(.table-box) {
								background: none;
								.el-table__inner-wrapper {
									&::before {
										height: 0;
									}
								}
								.table-head {
									background: rgba(21, 77, 160, 0.2);
									.el-table__cell {
										padding: 10px 0 !important;
										background: none;
										border: none;
									}
									.cell {
										color: #56caff !important;
										font-weight: 400 !important;
										text-align: center;
										font-size: 12px;
									}
								}
								.table-row {
									background: none;
									border: none;
									position: relative;
									&::after {
										content: "";
										display: block;
										position: absolute;
										left: 0;
										bottom: 0;
										width: 100%;
										height: 1px;
										box-shadow: 0px -1px 8px 2px #0f3691;
										border: 1px solid #b3caff;
									}
									.el-table__cell {
										padding: 15px 0 !important;
										.cell {
											color: #d3e3ff !important;
											text-align: center;
											font-size: 16px;
											.rate {
												font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
												color: #92ffff;
												line-height: 20px;
												text-shadow: 0px 2px 4px rgba(54, 227, 227, 0.53);
											}
										}
									}
									&:hover td.el-table__cell {
										background: none !important;
									}
									&:hover {
										background: linear-gradient(
											270deg,
											rgba(26, 123, 230, 0) 0%,
											rgba(69, 193, 255, 0.8) 100%
										);
									}
								}
							}
							:deep(.dv-scroll-board) {
								.rows {
									.row-item {
										position: relative;
										&::after {
											content: "";
											display: block;
											position: absolute;
											left: 0;
											bottom: 0;
											width: 100%;
											height: 1px;
											box-shadow: 0px -1px 8px 2px #0f3691;
											border: 1px solid #b3caff;
										}
									}
								}
							}
						}
					}
					.ct-right {
						flex: 1;
					}
				}
				.ct-bottom {
					height: 40%;
					display: flex;
					flex-direction: column;
					.ct-bt-cn {
						flex: 1;
					}
				}
			}
			.dataScreen-rg {
				width: 30%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/rightBg.png") no-repeat;
				background-size: 100% 100%;
				.rg-top {
					height: 37%;
					display: flex;
					flex-direction: column;
					.rg-top-cn {
						flex: 1;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						.pic {
							padding: 15px 30px;
							display: flex;
							justify-content: space-around;
							align-items: center;
							> div {
								background: url("@/assets/screenImg/financeImg/right/process.png")
									no-repeat;
								background-size: 100% 100%;
								width: 120px;
								height: 104px;
								text-align: center;
								> span {
									font-size: 12px;
									font-family: SourceHanSansCN-Normal, SourceHanSansCN;
									font-weight: 400;
									color: #d3e3ff;
									line-height: 18px;
								}
								> div {
									margin-top: 10%;
									span {
										font-size: 28px;
										font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
										font-weight: 500;
										color: #ffffff;
										line-height: 38px;
										text-shadow: 0px 0px 12px rgba(25, 223, 242, 0.5);
										&:nth-child(2) {
											font-size: 20px;
										}
									}
								}
							}
						}
						.row-line {
							display: flex;
							align-items: center;
							background: url("@/assets/screenImg/financeImg/right/topBg.png")
								no-repeat;
							background-size: 100% 100%;
							width: 80%;
							padding: 3px 20px;
							margin-top: 10px;
							&.one {
								margin-top: 0;
							}
							> div {
								&:nth-child(2) {
									display: flex;
									align-items: center;
									> span {
										font-size: 16px;
										font-family: SourceHanSansCN-Normal, SourceHanSansCN;
										line-height: 24px;
										&.income {
											color: #d3e3ff;
										}
										&.pay {
											color: #36e3e3;
										}
										&.profit {
											color: #ffda3a;
										}
									}
									> div {
										span {
											&:nth-child(1) {
												font-size: 30px;
												font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
												font-weight: bold;
												color: #ffffff;
												line-height: 42px;
												&.income {
													text-shadow: 0px 1px 7px #56caff;
												}
												&.pay {
													text-shadow: 0px 1px 7px #36e3e3;
												}
												&.profit {
													text-shadow: 0px 1px 7px #56caff;
												}
											}
											&:nth-child(2) {
												font-size: 16px;
												font-family: SourceHanSansCN-Normal, SourceHanSansCN;
												color: #d3e3ff;
												line-height: 24px;
											}
										}
									}
								}
							}
						}
					}
				}
				.rg-center {
					flex: 1;
					display: flex;
					flex-direction: column;
					.rg-ct-cn {
						flex: 1;
						:deep(.table-box) {
							background: none;
							.el-table__inner-wrapper {
								&::before {
									height: 0;
								}
							}
							.table-head {
								background: rgba(21, 77, 160, 0.2);
								.el-table__cell {
									padding: 10px 0 !important;
									background: none;
									border: none;
									.cell {
										font-size: 12px;
										font-family: PingFangSC-Regular, PingFang SC;
										color: #d4edfd;
										line-height: 16px;
										text-align: center;
									}
								}
							}
							.table-row {
								background: none;
								.el-table__cell {
									border: none;
									.cell {
										font-size: 12px;
										font-family: PingFangSC-Regular, PingFang SC;
										color: rgba(216, 240, 255, 0.8);
										line-height: 16px;
										text-align: center;
										.rate {
											font-size: 12px;
											font-family: SourceHanSansCN-Medium, SourceHanSansCN;
											font-weight: 500;
											color: #36e3e3;
											line-height: 16px;
											span {
												border-bottom: 1px solid #36e3e3;
											}
										}
									}
								}
								&:hover td.el-table__cell {
									background: none !important;
								}
								&:hover {
									background: linear-gradient(
										270deg,
										rgba(26, 123, 230, 0) 0%,
										rgba(69, 193, 255, 0.8) 100%
									);
								}
							}
						}
					}
				}
				.rg-bottom {
					height: 36%;
					display: flex;
					flex-direction: column;
					.rg-bt-cn {
						flex: 1;
						position: relative;
						.select-box {
							position: absolute;
							right: 5%;
							display: flex;
							justify-content: flex-end;
							z-index: 999;
							> div {
								&:nth-child(1) {
									margin-right: 20px;
								}
							}
						}
					}
				}
			}
		}
	}
	// 表格滚动hover样式
	:deep(.dv-scroll-board) {
		.rows {
			.row-item {
				&:hover {
					background: linear-gradient(
						270deg,
						rgba(26, 123, 230, 0) 0%,
						rgba(69, 193, 255, 0.8) 100%
					);
				}
			}
		}
	}
	:deep(.info-dialog) {
		background: #142a4b;
		.el-dialog__header {
			span.el-dialog__title {
				color: #d4edfd;
			}
			.el-dialog__headerbtn .el-dialog__close {
				color: #d4edfd;
			}
		}
		.el-dialog__body {
			padding-top: 20px;
			padding-bottom: 20px;
			.dialog-content {
				.table-box {
					background: none;
					.el-table__inner-wrapper {
						&::before {
							height: 0;
						}
					}
					.table-head {
						background: rgba(49, 127, 241, 0.2);
						.el-table__cell {
							padding: 10px 0 !important;
							background: none;
							border: none;
							.cell {
								font-size: 12px;
								font-family: PingFangSC-Regular, PingFang SC;
								color: #d4edfd;
								line-height: 16px;
								text-align: center;
							}
						}
					}
					.table-row {
						background: rgba(23, 137, 207, 0.5);
						.el-table__cell {
							border: none;
							.cell {
								font-size: 12px;
								font-family: PingFangSC-Regular, PingFang SC;
								color: rgba(216, 240, 255, 0.8);
								line-height: 16px;
								text-align: center;
								.rate {
									font-size: 12px;
									font-family: SourceHanSansCN-Medium, SourceHanSansCN;
									font-weight: 500;
									color: #36e3e3;
									line-height: 16px;
									span {
										border-bottom: 1px solid #36e3e3;
									}
								}
							}
						}
						&:hover td.el-table__cell {
							background: none !important;
						}
						&:hover {
							background: rgba(69, 193, 255, 0.6);
							// background: linear-gradient(
							// 	270deg,
							// 	rgba(26, 123, 230, 0) 0%,
							// 	rgba(69, 193, 255, 0.8) 100%
							// );
						}
					}
				}
			}
		}
		.el-dialog__footer {
			.dialog-footer {
				.el-button {
					color: #d3e3ff;
					border-color: #d4edfd;
					background: rgba(49, 127, 241, 0.2);
					padding: 0px 15px;
				}
			}
		}
	}
}
